import axios from 'axios';

const baseUrl = '/api'

// axios二次封装核心逻辑
class HttpRequest {
    constructor(baseUrl) {
        this.baseUrl = baseUrl
    }
    // 封装axios的默认配置
    getInsideConfig() {
        const config = {
            baseUrl: this.baseUrl,
            header: {}
        }
        return config
    }

    interception(instance) {
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
  });
    }

    // 封装axios的请求方法
    request(options) {
        // 合并配置
        options={...this.getInsideConfig(),...options}
        // 创建axios实例
        const instance = axios.create()
        // 调用请求拦截器
        this.interception(instance)
   
        return instance(options)

    }
}

export default new HttpRequest(baseUrl)   //这里的url被httprequest中的constructor接收到，并赋值给baseUrl